<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>GIS引擎部&nbsp;- 工具导航</title>

        <link rel="shortcut icon" href="static/img/favicon.ico" />
        <link href="static/css/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div class="inner-center main">
            <div class="content-inside">
                <!-- slogan start -->
                <div class="logo-box">
                    <div class="logo-left">
                        <img src="./static/img/logo.gif" alt="logo" />
                    </div>
                    <div class="logo-right">
                        <span>GIS引擎部&nbsp;- 工具导航</span>
                    </div>
                </div>
                <!-- slogan end -->

                <!-- 搜索框 start -->
                <div id="search_form" class="search-section" target="_blank">
                    <div class="search-left">
                        <div
                            id="search_logo"
                            data-type="google"
                            class="search-logo"
                        ></div>
                        <div class="input-wrap">
                            <input
                                id="search_keyword"
                                class="search-input"
                                name="keyword"
                                maxlength="100"
                                autocomplete="off"
                                type="text"
                                placeholder="搜索引擎"
                            />
                            <div
                                class="clear-keyword"
                                id="clear_keyword"
                                title="清空"
                            >
                                x
                            </div>
                        </div>
                        <!--  搜索引擎 start  -->
                        <ul id="search_methods" class="search-methods">
                            <li data-type="google" class="search-item google">
                                谷歌
                            </li>
                            <li data-type="baidu" class="search-item baidu">
                                百度
                            </li>
                            <li data-type="bing" class="search-item bing">
                                必应
                            </li>
                            <li data-type="so" class="search-item so">
                                360搜索
                            </li>
                            <li data-type="sogou" class="search-item sogou">
                                搜狗
                            </li>
                            <li data-type="wangpan" class="search-item wangpan">
                                网盘搜索
                            </li>
                        </ul>
                        <!--  搜索引擎 end  -->
                        <!--  搜索结果 start -->
                        <ul id="search_result" class="search-result">
                            <!--<li class="result-item"></li>-->
                        </ul>
                        <!--  搜索结果 end -->
                    </div>
                    <input
                        class="search-submit"
                        value="寻一下"
                        id="search_submit"
                        type="submit"
                    />
                </div>
                <!-- 搜索框 end -->

                <!-- 导航地址 start -->
                <div class="nav-content" id="nav-content"></div>
                <!-- 导航地址 end -->
            </div>
        </div>
        <footer class="inner-center footer">
            <p>
                <a href="https://github.com/" target="_blank">
                    <img
                        src="./static/css/img/github.png"
                        alt=""
                        height="20"
                        width="20"
                /></a>
            </p>
            <p style="margin-top: 8px;">
                <a href="" style="color: #8c8c8c;" target="_blank"
                    >Copyright © 2020 - GIS引擎部</a
                >
            </p>
        </footer>
        <script src="./static/js/jquery.min.js"></script>
        <script src="./static/js/keyword.js"></script>
        <script src="./js/main.js"></script>
    </body>
</html>
